// 页面加载完后
// window.addEventListener("load", function () {
// 点击Tab区增加激活样式
// 获取相关节点
/*
$("#tabList li").forEach(function (v, i) {
    // 绑定点击事件
    v.addEventListener("click", function () {
        // 排他，移除所有的激活样式
        $("#tabList li").forEach(function (item) {
            item.classList.remove("active");
        });
        // 增加激活样式
        // 排除第一个元素
        i !== 0 && this.classList.add("active");
    });
});
*/
// const tabData = [
// 	{ times: 4000, price: 1200, unitPrice: "0.3000" },
// 	{ times: 8000, price: 2000, unitPrice: "0.2500" },
// 	{ times: 40000, price: 8000, unitPrice: "0.2000" },
// ];

// 动态渲染，并且事件委派绑定事件
// tabData.forEach(function (v, i) {
// 	$("#tabList").innerHTML += `<li ${i === 0 ? "class=active" : ""} >
//         ${v.times}次
//     </li>`;
// });
// 事件委派
// 	$("#tabList").addEventListener("click", function (e) {
// 		if (e.target.nodeName === "LI") {
// 			//排他，移除所有的激活样式
// 			$("#tabList li").forEach(function (item) {
// 				item.classList.remove("active");
// 			});
// 			// 增加激活样式
// 			// console.dir(e.target.classList);
// 			if (!e.target.classList.contains("default")) {
// 				e.target.classList.add("active");
// 			}
// 		}
// 	});
// });

window.addEventListener('load', () => {
    let data = [
        { "times": 4000, "price": 1200, "unitPrice": "0.3000" },
        { "times": 8000, "price": 2000, "unitPrice": "0.2500" },
        { "times": 40000, "price": 8000, "unitPrice": "0.2000" }
    ]
    data.forEach((v) => {
        getelement('#Pricechoice').innerHTML +=
            ` <li lable="${v.index}">${v.times}次</li>`
    })
    getelement('#Pricechoice').children[1].className = 'active'
    getelement('#Pricechoice').addEventListener('click', (v) => {
        if (v.target.nodeName === 'LI') {
            if (!v.target.classList.contains("default")) {
                getelement('#Pricechoice li').forEach((e) => {
                    e.className = ''
                })
                v.target.className = 'active'

                for (let i = 0; i < data.length; i++) {
                    if (Number(v.target.textContent.replace('次', '')) === data[i].times) {
                        getelement('#Pricetext>span:first-child').textContent = `￥` + data[i].price
                        getelement('#Pricetext>span:last-child').textContent = `(约` + data[i].unitPrice + `元/次)，仅限实名用户使用`
                    }
                }
            }
        }
    })
})